<template>
  <div>
    <h1>About组件</h1>
    <p>查询字符串: {{ $route.query }}</p>
    <p>路由参数: {{ $route.params }}</p>
    <!-- <p>props数据: {{ aaa }}</p> -->
    <!-- <p>props接收的路由参数: {{ xxx }}, {{ yyy }}</p> -->
    <p>接收的props数据: {{ xxx }},{{ yyy }},{{ name }},{{ age }},{{ arr }}</p>
  </div>
</template>

<script>
console.log('About组件加载了')
export default {
  // props: ['aaa'],
  // props: ['xxx', 'yyy'],
  props: ['xxx', 'yyy', 'name', 'age', 'arr'],
}
</script>

<style></style>
